<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>HTML新增非主体结构标签(元素)</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<link ref="stylesheet" href="css/rest.css" />
		
		<style>	
		#container {
				width: 980px;
				margin: 0 auto;
			}
			#container header{
				height:56px;
				width: 100%;
				background:#595959;
				text-align: center;
				line-height:56px;
				color:#fff;
				font-size:28px;
				margin: 16px;
			}
			#container nav {
				height:56px;
				width: 100%;
				background:#595959;
				text-align: center;
				line-height:56px;
				color:#fff;
				font-size:28px;	
				margin: 16px;
			}
			#container section article {
				width: 660px;
				height: 400px;
				background:#595959;
				margin: 16px;
				text-align:center;
				color:#fff;
				font-size:28px;
				float:left;		
			}
			#container section {
				width: 1008px;
				overflow: hidden;
			}
			#container section article section {
				background: #3B3B3B;
				text-align: center;
				color:#fff;
				font-size:28px;
				width:644px;
				height: 150px;
				box-sizing: border-box;
				margin:200px auto;
			}
			#container section aside {
				width: 300px;
				background:#595959;
				height: 400px;
				margin: 16px 16px 16px 0px;
				float:left;
				text-align:center;
				color:#fff;
				font-size:28px;
			}
			#container footer{
				width: 980px;
				background:#595959;
				text-align:center;
				color:#fff;
				height: 60px;
				font-size:28px;
				margin: 10px 10px;
			}
		</style>	
	</head>
	<body>
		<section id="container">
			<header>&lt;header&gt;</header>
			<nav>&lt;nav&gt;</nav>
			<section>
				<article>
					&lt;article&gt;
					<section>&lt;section&gt;</section>
				</article>
				<aside>&lt;aside&gt;</aside>
			</section>
			<footer>&lt;footer&gt;</footer>
		</section>
	</body>
</html>